<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>SIS Premium 3</title>
	<link rel="stylesheet" href="css/newstyle.css" type="text/css" media="all" />
	<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
	
	<!-- Start Slide Show-->
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/tm-slider.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style-newsticker.css" type="text/css" media="screen" />
    <link type="text/css" href="css/jquery-ui-1.8.18.custom.css" rel="stylesheet" />	
    <link rel="stylesheet" href="css/agoestri-menu.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
    <!--<link rel="stylesheet" type="text/css" href="css/preview.css"/>
	<link rel="stylesheet" type="text/css" href="css/wt-lightbox.css"/>
    <link rel="stylesheet" type="text/css" href="css/wt-scroller.css"/>    -->
    <!-- End Slide Show-->  	
	
	<!-- JS --> 
    <!--<script src="js/jquery-1.4.2.js" type="text/javascript"></script>-->
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script src="js/jquery.slideshow.js" type="text/javascript"></script> 
    <script src="js/script.js" type="text/javascript"></script>	
    <script src="js/dropdown.js" type="text/javascript"></script>
    <script src="js/custom-animation.js" type="text/javascript"></script>
    <script src="js/agoestri-menu.js" type="text/javascript"></script> 
    <script src="js/jquery.blend-min.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
    <script type="text/javascript" src="js/fancy.script.js"></script>
    <!--<script type="text/javascript" src="js/jquery.wt-lightbox.min.js"></script>
    <script type="text/javascript" src="js/jquery.wt-scroller.min.js"></script>
    <script type="text/javascript" src="js/preview.js"></script>-->  
    <!-- End JS -->

	<script src="js/jcarousellite_1.0.1c4.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $(".newsticker").jCarouselLite({
            vertical: true,
            hoverPause:true,
            btnPrev: ".previous",
            btnNext: ".next",
            visible: 2,
            auto:3000,
            speed:500
        });
    });  
	</script>     
    
    <script type="text/javascript">
    $(function() {
        $(".newsticker-ino").jCarouselLite({
            vertical: true,
            hoverPause:true,
            btnPrev: ".previous",
            btnNext: ".next",
            visible: 1,
            auto:3000,
            speed:800
        });
    });  
	</script>   
		
	<script type="text/javascript">
		$(function(){

		// Accordion
		$("#accordion").accordion({ header: "h3" });
				
		//hover states on the static widgets
		$('#dialog_link, ul#icons li').hover(
			function() { $(this).addClass('ui-state-hover'); }, 
			function() { $(this).removeClass('ui-state-hover'); }
			);
				
		});
	</script>  
        
    <script>
		$(function(){
			$("ul.menu").agoestri_menu({
				currentId:0
				});
		}
		);
	</script>        
    
	<script>
		$(document).ready(function(){
			$("#support-online a").blend();
		});
	</script>   
        
    <script type="text/javascript">
        $(function() {
        var settings = { containerResizeSpeed: 350
            };
            $('#gallery a').lightBox(settings);
        });
    </script>               
	
</head>
<body>

  <!-- Header -->
	<div id="header">
	
  	<!-- Shell -->	
    <div class="shell">
		<div class="right-part">
			<form  id="search" action="" method="post">
				<div class="bg">
					<input type="submit" class="submit" value="">
					<input type="text" class="input">
				</div>
  			</form>
       
		<div id="header-nav"> <a href="#">Maps</a> | <a href="#">Peta Situs</a> | <a href="#">Support Online</a> | <a href="#">Kontak</a> </div>  			
  		</div>
        
        <div class="cl">&nbsp;</div>
        <div class="topbanner">
        	<div class="wrap-div">
            	<h2>Yayasan Perguruan Islam Republik Indonesia</h2>
                <div class="h1">SMA PIRI 1 Yogyakarta</div>
                <h3><strong>Terakreditasi "A"</strong></h3>
                
                Jl. Kemuning 14 Baciro, Yogyakarta 55225, Telp. (0274) 516987, 
                Email : smapiri1@yahoo.com
            </div>
            <img class="wrap-logo" src="images/logo-smasaba.png" />
            <div class="wrap-img">
            	<ul>
                	<li><img src="images/Olimpiade.jpg" /></li>
                    <li><img src="images/sample-pic2.jpg" /></li>
                    <li><img src="images/sample-pic3.jpg" /></li>
                    <li><img src="images/sample-pic4.jpg" /></li>
                    <li><img src="images/guru2bmptk.jpg" /></li>
                    <li><img src="images/Olimpiade.jpg" /></li>
                    <li><img src="images/Olimpiade.jpg" /></li>
                    <li><img src="images/Olimpiade.jpg" /></li>
                    <li><img src="images/Olimpiade.jpg" /></li>
                </ul>
            </div>
        </div>
  		
        <div class="cl">&nbsp;</div>                      
			<!-- Navigation -->                           
			<div id="navigation">
				<ul class="menu" style="visibility:hidden;">
					<li class="separator-0">
						<div class="menu-icon ico-home">&nbsp;</div>
						<div class="menu-title">
						<a href="./index.html">
							<span class="text-1">Depan</span><br /><span>Halaman muka</span>
						</a>
						</div>
					</li>
					<li class="separator">
						<div class="menu-icon ico-profil">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Profil</span><br /><span>Sejarah dan profil</span>
						</div>        
						<ul>
							<li><a href="#">Sejarah</a></li>
							<li><a href="#">Visi & Misi</a></li>
							<li><a href="#">Struktur Tata Kerja</a></li>
							<li><a href="#">Fasilitas</a></li>
							<li><a href="#">Profil Guru</a></li>
						</ul>
					</li>
					<li class="separator">
						<div class="menu-icon ico-akademik">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Akademik</span><br /><span>Program dan kalender</span>
						</div>        
						<ul>
							<li>Kalender Pendidikan
								<ul>
									<li><a href="#">Semester 1</a></li>
									<li><a href="#">Semester 2</a></li>
								</ul>
							</li>
							<li><a href="#">Program Kurikulum</a></li>

						</ul>
					</li>
					<li class="separator">
						<div class="menu-icon ico-kesiswaan">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Kesiswaan</span><br /><span>Informasi kesiswaan</span>
						</div>        
						<ul>
							<li><a href="#">Program Kesiswaan</a></li>
							<li><a href="#">Prestasi Siswa</a></li>
							<li><a href="#">Ekstrakurikuler</a></li>
						</ul>
					</li>
					<li class="separator">
						<div class="menu-icon ico-arsip">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Info Sekolah</span><br /><span>Arsip Kegiatan Sekolah</span>
						</div>  
						<ul>
							<li><a href="./archive_gallery.html">Galeri Foto</a></li>
							<li><a href="./archive_berita.html">Berita Sekolah</a></li>
							<li><a href="./archive_info.html">Informasi / Pengumuman</a></li>
						</ul>                  
					</li>
					<li class="separator-1">
						<div class="menu-icon ico-hubungikami">&nbsp;</div>
						<div class="menu-title">
						<a href="./contactus.html">
							<span class="text-1">Hubungi Kami</span><br />
							<span>Informasi dan kontak</span>
						</a>
						</div>        
					</li>        
				</ul>    
			</div>
			<!-- End Navigation --> 	                        
	</div>
	<!-- End Header -->
    <div class="cl-8">&nbsp;</div>

	<!-- Shell -->	
	<div class="shell">
	
	<!-- Side Full -->
	<div class="side-full">	
	<!-- Main -->
	<div id="main">
		<div class="cl">&nbsp;</div>
			
		<!-- Content -->
		<div id="content">
		  
		<!-- Content List-->
              <div id="before-content" class="boxfull">
              <div class="ckat"><h4 class="ico ico3">Album Sekolah</h3></div>
              <h2 class="title-box">Album Agustus 2011</h2>
				<p class="date">Diposkan : Selasa Nov 2011</p>              

				<div class="box-item">
						<ul>
							<li>
							    <div class="image">
							    	<a href="#"><img class="list-img" src="images/sample-pic.jpg" alt="" /></a>
							    </div>
							</li>
							<li>
							    <div class="image">
							    	<a href="#"><img class="list-img" src="images/sample-pic2.jpg" alt="" /></a>
							    </div>
							</li>
							<li>
							    <div class="image">
							    	<a href="#"><img class="list-img" src="images/sample-pic3.jpg" alt="" /></a>
							    </div>
							</li>
							<li>
							    <div class="image">
							    	<a href="#"><img class="list-img" src="images/sample-pic.jpg" alt="" /></a>
							    </div>
							</li>
							<li>
							    <div class="image">
							    	<a href="#"><img class="list-img" src="images/sample-pic2.jpg" alt="" /></a>
							    </div>
							</li>
							<li>
							    <div class="image">
							    	<a href="#"><img class="list-img" src="images/sample-pic3.jpg" alt="" /></a>
							    </div>
							</li>
							<li>
							    <div class="image">
							    	<a href="#"><img class="list-img" src="images/sample-pic.jpg" alt="" /></a>
							    </div>
							</li>
							<li>
							    <div class="image">
							    	<a href="#"><img class="list-img" src="images/sample-pic2.jpg" alt="" /></a>
							    </div>
							</li>
							<li>
							    <div class="image">
							    	<a href="#"><img class="list-img" src="images/sample-pic3.jpg" alt="" /></a>
							    </div>
							</li>					    
						</ul>
						<div class="cl-3">&nbsp;</div>	
				</div>

                <!-- Pagging -->
                <div class="inline-content">
                <div class="pagging">
                    <div class="left">Showing 1-12 of 44</div>
                    <div class="right">
                        <a href="./archive_berita.html">Previous</a>
                        <a href="./archive_berita.html">1</a>
                        <a class="active" href="./archive_berita.html">2</a>
                        <a href="./archive_berita.html">3</a>
                        <a href="./archive_berita.html">4</a>
                        <span>...</span>
                        <a href="./archive_berita.html">45</a>                                        
                        <a href="./archive_berita.html">Next</a>
                    </div>
                </div>
                </div>
                <!-- End Pagging -->   

      			<div class="cl-20">&nbsp;</div>
      	</div>
		<!-- End Content List -->

		</div>
		<!-- End Content -->
		
		<!-- Sidebar -->
		<div id="sidebar">
			
			<!-- login -->
			<div class="box login-side">
				<h2 class="title-box">Login <b>SHS</b><span></span></h2>
                
                <!-- form for login member -->
				<div class="box-content">
					<form action="" method="post">
						
						<label>Username</label>
            			<input type="text" class="fieldbox" />
						
						<label>Password</label>
						<input type="password" class="fieldbox" />
                        
                        <label>Login As</label>
						<select class="fieldbox boxstyle-15">
                        	<option value="Siswa">Siswa</option>
                        	<option value="Guru">Guru</option>
                        </select>
					
						<input type="submit" class="login-submit" value="Login" />
                        <div class="cl">&nbsp;</div>
						<p><a class="link-2" href="#" class="bul">Lupa Password?</a ></p>
	
					</form>
				</div>
                <!-- end form for login member -->
                
                <!-- form after login member - ->
                <div class="box-content">
                    <div id="login-info">
                        <div class="h3"><strong>.: User Information</strong></div>
                        <div class="cl-8">&nbsp;</div>
                        <table>
                        <tr valign="top">
                            <td width="25%"><img src="images/foto-siswa.jpg" /></td>
                            <td width="3%">&nbsp;</td>
                            <td width="72%">
                                <div class="h2-info idcolor">00-88-2564</div>
                                <div class="h2-info2"><strong>Cak Surono Cokrodiningrat</strong></div>
                                <div class="h2-info2">XII IPA</div>
                            </td>
                        </tr>
                        </table>
                        <div class="cl">&nbsp;</div>
                        <div class="id-opt"><a class="link-2" href="#">Menu Utama</a></div><span>|</span><div class="id-opt"><a class="link-2" href="#">Logout</a></div>                  
                    </div>               
                </div>
                <!-- end form after login member -->
			</div>
			<!-- End login -->
            
			<!-- support -->
			<div class="box ad">
				<h2 class="title-box">Support <strong>Online</strong><span></span></h2>
				<div id="support-online" >
                	<a href="#">&nbsp;</a>
                </div>
			</div>
			<!-- End support -->             
			
			<!-- Clink news -->
			<div class="box categories">
				<h2 class="title-box">Berita <strong>Sekolah</strong><span></span></h2>
				<div class="box-content">
    				<div class="box-content box-center-auto">
                    <div class="">
    				
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi Beasiswa Korban Merapi Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        
                        </div>
                  <div class="cl-20">&nbsp;</div>      
                  <div class="box-center-bot"><a class="icon" href="#">Arsip Berita</a></div>
                  <div class="cl-3">&nbsp;</div> 	
                  </div>
			</div>
            </div>
			<!-- End link news -->
            
			<!-- Clink news -->
			<div class="box categories">
				<h2 class="title-box">Info <strong>Sekolah</strong><span></span></h2>
				<div class="box-content">
    				<div class="box-content box-center-auto">
                    <div class="">
    				
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi Beasiswa Korban Merapi Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        
                        </div>
                  <div class="cl-20">&nbsp;</div>      
                  <div class="box-center-bot"><a class="icon" href="#">Arsip Informasi</a></div>
                  <div class="cl-3">&nbsp;</div> 	
                  </div>
			</div>
            </div>
			<!-- End link news -->
            
			<!-- Banner-->
            <div class="box categories">
				  <h2 class="title-box">Banner <strong>Sekolah</strong><span></span></h2>
                  <div class="box-half">
    				<div class="box-content box-center-auto">                    
              			<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-1.jpg" alt="" /></a>
                    	<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-2.jpg" alt="" /></a>
              			<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-3.jpg" alt="" /></a>                     
    				</div>
    			</div>    
            </div>   
      		<!-- End Banner-->                   	
            
			<!-- Banner-->
				  <div class="box box-half">
    				<div class="box-content box-center-auto">                    
                    	<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-4.png" alt="" /></a>
              			<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-5.jpg" alt="" /></a>                       
    				</div>
    			</div>       
      		<!-- End Banner-->     		            
      			
		</div>
		<!-- End Sidebar -->
		
		<div class="cl">&nbsp;</div>
		</div>
		<!-- End Main -->
        
        <!-- advertise bottom -->
        <div class="cols">
            <div class="advbott"><a href="#"><img class="box-img" src="images/sma-banner.png" alt="" /></a></div>
        </div>
        <!-- end -->        
        
		
	</div>
	<!-- End Side Full -->

	</div>	
	<!-- End Shell -->

	<div id="div-footer">
		<!-- shell footer -->
		<div class="shell">
			<!-- Footer -->
			<div id="footer">
				<div class="left">
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>
					<a href="#">Map</a>
					<span>|</span>
					<a href="#">Peta Situs</a>
					<span>|</span>
					<a href="#">Support Online</a>
					<span>|</span>
					<a href="#">Kontak</a>                
				</p>
				<p>&nbsp;</p>                
				<p>&copy; 2012 <a href="http://inolabs.net" target="_blank" title="inolabs">SMA PIRI 1 YOGYAKARTA</a>. All right reserved.</p>
				<p>SHS Developed by <a href="http://inolabs.net" target="_blank" title="inolabs">Inolabs - Creative Web Solutions</a></p>
				</div>
				
				<div class="right">
					<p>&nbsp;</p>
					<p style="font-size:15px;"><strong>SMA PIRI 1 Yogykarta</strong></p>
					<p>&nbsp;</p>                
					<p>Jl. Kemuning 14 Baciro Yogyakarta</p>
					<p>Telp    : 0274 - 516987</p>
					<p>E-mail : smapiri1@yahoo.com</p>
				</div>
			</div>
			<!-- End Footer -->
		</div>	
		<!-- End Shell -->
	</div>
	
	
</body>
</html>
